/*!
  * This file is part of the Record of processing activities project.
  * Its original location is https://github.com/Safran/RoPA
  * 
  * SPDX-License-Identifier: GPL-3.0-only
  */






.form-group {
  margin-top: 2rem;
}

label {
  @include fontSize(14)
}

label:not(.radio-group__label):not(.checkbox-element), p {
  max-width: 93%;
  @include fontSize(14);
}

input, select, textarea {
  width: 100%;
  height: 3rem;
  display: block;
  border: none;
  border-bottom: 1px solid $ip-text-border-color;
  @include fontSize(14);
  color: $text-color;
  border-bottom: 1px solid $grey;
  font-family: 'Helvetica-font', sans-serif;
  transition: all .3s ease;
  background-color: transparent;

  &::placeholder {
    color: $grey;
    @include fontSize(12);
  }

  &:not([readonly]):focus {
    border-bottom-color: $purple;
  }
}

select {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}

.declarations-form {
  .form-group {
    $padding-vertical: 0.5rem;
    margin: 4rem 0;
    padding: $padding-vertical 0 $padding-vertical 3.5rem;
    border-left: 0.25rem solid $purple;

    input:not([type='date']):not([type='radio']) {
      width: 100%;
    }

    input[type="date"] {
      @include fontSize(14);
    }
  }

  .form-group__edit {
    margin-left: 3rem;
    margin-bottom: 0;
    border-left-color: $main-color;
    width: 100%;

    @include mobile {
      margin-left: 0;
    }

    &-locked {
      background-color: red;
    }

    &-unlocked {
      background-color: green;
    }
  }
}